<template>
  <div class="ke-overview">
    <div class="title">老师介绍</div>
    <div class="content">
      <img :src="require('../../assets/images/linux.jpg')" />
      <p class="name">马士兵</p>
      <div
        class="desc"
      >hello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello world</div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="stylus" scoped>
.ke-overview {
  position: relative;
  overflow: hidden;
  width: 830px;

  .title {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 10px;
  }

  .content {
    img {
      float: left;
      width: 96px;
      height: 96px;
      border-radius: 50%;
      margin-right: 20px;
    }

    .name {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      word-wrap: normal;
      color: #23b8ff;
      font-size: 16px;
    }

    .desc {
      white-space: normal;
      word-wrap: break-word;
      word-break: break-all;
      width: 800px;
    }
  }
}
</style>
